<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>在线装机</title>
		<link type="text/css" rel="stylesheet" href="../../css/user/base.css" />
		<link type="text/css" rel="stylesheet" href="../../css/user/pager.css" />
		<link type="text/css" rel="stylesheet" href="../../css/user/diy.css" />
		<script type="text/javascript" src="../../lib/jquery.js"></script>
		<script type="text/javascript" src="../../js/user/header.js"></script>
		<script type="text/javascript" src="../../js/user/diy.js"></script>
	</head>
	<body>
		<div class="top-bar">
			<div class="wrapper">
				<div class="top-link">
					<a href="javascript:void(0);">首页</a>
					<a href="javascript:void(0);">装机方案</a>
					<a href="javascript:void(0);">在线装机</a>
				</div>
				<div class="login-state">
					<a href="javascript:void(0);">登录</a>
					<a target="_blank" href="javascript:void(0);">注册</a>
				</div>
			</div>
		</div>
		<div class="header">
			<div class="logo">
				<a href="javascript:void(0);">首页</a>
			</div>
			<div class="search-box">
				<form action="">
					<input type="text" name="keyword" value="请输入产品型号关键字" class="stext" />
					<input type="button" value="搜索" id="subSerch1" class="sbtn" />
				</form>
			</div>
			<p class="hot-search">
				<span>热搜：</span>
				<a href="javascript:void(0);">华硕XXXXX</a>
				<a href="javascript:void(0);">NVIDIA GTX 910</a>
				<a href="javascript:void(0);">每日新品</a>
			</p>
		</div>
		<div class="wrapper">
			<h1 class="title">在线装机</h1>
			<ul class="tips">
				<li>提示信息1</li>
				<li>提示信息2</li>
				<li>提示信息3</li>
				<li>提示信息4</li>
				<li>提示信息5</li>
			</ul>
			<div class="scheme">
				<h2 class="scheme-hd">装机配置单</h2>
				<div class="scheme-bd">
					<table>
						<thead>
							<tr>
								<th class="part">部件</th>
								<th class="model">品牌型号</th>
								<th class="num">数量</th>
								<th class="price">价格</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr id="0" class="selected">
								<th class="part">主板<b>*</b></th>
								<td class="model"><span><a target="_blank" href="" class="blue">华硕P8H61-M LE</a></span></td>
								<td class="num">1</td>
								<td class="price">&yen;<b>499</b></td>
								<td class="cancel"><a href="javascript:void(0);" class="blue">取消</a></td>
							</tr>
							<tr id="1">
								<th class="part">CPU<b>*</b></th>
								<td class="model"><span><a target="_blank" href="" class="blue">Intel 酷睿i3 2120（盒Intel 酷睿i3 2120（盒</a></span></td>
								<td class="num">1</td>
								<td class="price">&yen;<b>760</b></td>
								<td class="cancel"><a href="javascript:void(0);" class="blue">取消</a></td>
							</tr>
							<tr id="2">
								<th class="part">内存<b>*</b></th>
								<td class="model"><span><a target="_blank" href="" class="blue">金士顿4GB DDR3 1333</a></span></td>
								<td class="num">
									<select>
										<option value="1" selected="selected">1</option>
										<option value="2">2</option>
									</select>
								</td>
								<td class="price">&yen;<b>138</b></td>
								<td class="cancel"><a href="javascript:void(0);" class="blue">取消</a></td>
							</tr>
							<tr id="3">
								<th class="part">硬盘<b>*</b></th>
								<td class="model"><span><a target="_blank" href="" class="blue">希捷Barracuda 1TB 7200</a></span></td>
								<td class="num">
									<select>
										<option value="1" selected="selected">1</option>
										<option value="2">2</option>
									</select>
								</td>
								<td class="price">&yen;<b>590</b></td>
								<td class="cancel"><a href="javascript:void(0);" class="blue">取消</a></td>
							</tr>
							<tr id="4">
								<th class="part">显卡</th>
								<td class="model"><span><a target="_blank" href="" class="blue">七彩虹iGame550Ti 烈焰</a></span></td>
								<td class="num">
									<select>
										<option value="1" selected="selected">1</option>
										<option value="2">2</option>
									</select>
								</td>
								<td class="price">&yen;<b>799</b></td>
								<td class="cancel"><a href="javascript:void(0);" class="blue">取消</a></td>
							</tr>
							<tr id="5">
								<th class="part">机箱</th>
								<td class="model"><span><a target="_blank" href="" class="blue">动力火车绝尘侠X3</a></span></td>
								<td class="num">1</td>
								<td class="price">&yen;<b>173</b></td>
								<td class="cancel"><a href="javascript:void(0);" class="blue">取消</a></td>
							</tr>
							<tr id="6">
								<th class="part">电源</th>
								<td class="model"><span><a target="_blank" href="" class="blue">航嘉冷静王钻石2.3+版</a></span></td>
								<td class="num">1</td>
								<td class="price">&yen;<b>248</b></td>
								<td class="cancel"><a href="javascript:void(0);" class="blue">取消</a></td>
							</tr>
							<tr id="7">
								<th class="part">散热器</th>
								<td class="model"><span><a target="_blank" href="" class="blue">超频三铁塔豪华版 S101F</a></span></td>
								<td class="num">1</td>
								<td class="price">&yen;<b>199</b></td>
								<td class="cancel"><a href="javascript:void(0);" class="blue">取消</a></td>
							</tr>
							<tr id="8">
								<th class="part">光驱</th>
								<td class="model"><span><a target="_blank" href="" class="blue">先锋DVR-219CHV</a></span></td>
								<td class="num">1</td>
								<td class="price">&yen;<b>164</b></td>
								<td class="cancel"><a href="javascript:void(0);" class="blue">取消</a></td>
							</tr>
							<tr id="9">
								<th class="part">显示器</th>
								<td class="model"><span><a target="_blank" href="" class="blue">三星S22B360HW</a></span></td>
								<td class="num">1</td>
								<td class="price">&yen;<b>1149</b></td>
								<td class="cancel"><a href="javascript:void(0);" class="blue">取消</a></td>
							</tr>
							<tr id="10">
								<th class="part">音箱</th>
								<td class="model"><span><a target="_blank" href="" class="blue">惠威M200MKIII原木豪华</a></span></td>
								<td class="num">1</td>
								<td class="price">&yen;<b>1750</b></td>
								<td class="cancel"><a href="javascript:void(0);" class="blue">取消</a></td>
							</tr>
							<tr id="11">
								<th class="part">声卡</th>
								<td class="model"><span><a target="_blank" href="" class="blue">创新SBLIVE 5.1 SB0060</a></span></td>
								<td class="num">1</td>
								<td class="price">&yen;<b>185</b></td>
								<td class="cancel"><a href="javascript:void(0);" class="blue">取消</a></td>
							</tr>
							<tr id="12">
								<th class="part">网卡</th>
								<td class="model"><span><a target="_blank" href="" class="blue">Intel 9301CT</a></span></td>
								<td class="num">1</td>
								<td class="price">&yen;<b>288</b></td>
								<td class="cancel"><a href="javascript:void(0);" class="blue">取消</a></td>
							</tr>
						</tbody>
						<tfoot>
							<tr>
								<td colspan="2" class="note">带有<b>*</b>的部件为必选</td>
								<td colspan="3" class="total">价格总计：<b>1064</b>元</td>
							</tr>
						</tfoot>
					</table>
					<!--
					<form>
						<ul>
							<li>
								<span>方案类型：</span>
								<select name="">
									<option value="1">家用娱乐方案</option>
								</select>
							</li>
							<li>
								<span>标题：</span>
								<input type="text" name="" id="" class="input-text" />
							</li>
							<li>
								<span>配置说明：</span>
								<textarea name="" id=""></textarea>
							</li>
							<li>
                                <input type="button" value="预览方案" class="input-button preview" />
								<input type="submit" value="提交方案" class="input-button submit" />
							</li>
						</ul>
					</form>
					-->
					<div class="login-msg">
					    <span>提交方案前请先登录！</span>
					    <input type="button" value="预览方案" class="input-button preview" />
					</div>
					<div class="triangle">&nbsp;</div>
				</div>
			</div>
			<div class="choose">
				<h2 class="choose-hd">请选择CPU</h2>
				<div class="choose-bd">
					<ul class="filter">
						<li>
							<span>CPU系列：</span>
							<select>
								<option class="all" value="">不限</option>
								<option value="s3716">酷睿i7二代</option>
							</select>
						</li>
						<li>
							<span>CPU主频：</span>
							<select>
								<option class="all" value="">不限</option>
								<option value="s536">3.0GHz以上</option>
							</select>
						</li>
						<li>
							<span>插槽类型：</span>
							<select>
								<option class="all" value="">不限</option>
								<option value="p22537">LGA 2011</option>
							</select>
						</li>
						<li>
							<span>核心数量：</span>
							<select>
								<option class="all" value="">不限</option>
								<option value="p22126">八核心</option>
							</select>
						</li>
						<li>
							<span>价格区间：</span>
							<select>
								<option value="noPrice">不限</option>
								<option value="0">300元以下</option>
							</select>
						</li>
						<li>
							<span>搜产品名：</span>
							<input type="text" class="input-text" />
							<input type="submit" class="input-button" value="搜索" />
						</li>
						<li class="justify-fix" style="padding:0;">&nbsp;</li>
					</ul>
					<div class="middle">
						<div class="sort">
							结果排序
							<select>
								<option selected="selected" value="1">最热门</option>
								<option value="3">最便宜</option>
								<option value="4">最贵</option>
							</select>
						</div>
					</div>
					<div class="amount">已找到<b>123</b>个CPU</div>
					<ul class="list">
						<li class="list-item">
							<div class="pic">
								<a target="_blank" href="javascript:void(0);" title="AMD 速龙II X4 641（盒）">
									<img width="60" height="45" src="http://2b.zol-img.com.cn/product_small/3_60x45/841/ce6wjFqTuAdw.jpg" alt="" />
								</a>
							</div>
							<div class="param">
								<h3><a target="_blank" href="javascript:void(0);" class="blue" title="AMD 速龙II X4 641（盒）">AMD 速龙II X4 641（盒）</a></h3>
								<ul>
									<li>参考价格：<span class="price">&yen;<b>445.00</b></span></li>
									<li>适用类型：台式机</li>
									<li>CPU系列：速龙II X4</li>
									<li>包装形式：盒装</li>
									<li>CPU主频：2.8GHz</li>
									<li><a target="_blank" href="javascript:void(0);" class="blue">更多参数&gt;&gt;</a></li>
								</ul>
							</div>
							<a class="select" href="javascript:void(0);"></a>
						</li>
						<li class="list-item">
							<div class="pic">
								<a target="_blank" href="javascript:void(0);" title="AMD 速龙II X4 641（盒）">
                                    <img width="60" height="45" src="http://2b.zol-img.com.cn/product_small/3_60x45/841/ce6wjFqTuAdw.jpg" alt="" />
								</a>
							</div>
							<div class="param">
								<h3><a target="_blank" href="javascript:void(0);" class="blue" title="AMD 速龙II X4 641（盒）">AMD 速龙II X4 641（盒）</a></h3>
								<ul>
									<li>参考价格：<span class="price">&yen;<b>445.00</b></span></li>
									<li>适用类型：台式机</li>
									<li>CPU系列：速龙II X4</li>
									<li>包装形式：盒装</li>
									<li>CPU主频：2.8GHz</li>
									<li><a target="_blank" href="javascript:void(0);" class="blue">更多参数&gt;&gt;</a></li>
								</ul>
							</div>
							<a class="select selected" href="javascript:void(0);"></a>
						</li>
					</ul>
					<div class="page-bar">
						<a href="javascript:void(0);"><span class="pre">&lt;上一页</span></a>
						<a href="javascript:void(0);"><span>1</span></a>
						<a href="javascript:void(0);"><span>2</span></a>
						<a href="javascript:void(0);" class="selected"><span>3</span></a>
						<a href="javascript:void(0);"><span>4</span></a>
						<a href="javascript:void(0);"><span>5</span></a>
						<span>...</span>
						<a href="javascript:void(0);"><span>82</span></a>
						<a href="javascript:void(0);"><span class="next">下一页&gt;</span></a>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<p>
				<a href="javascript:void(0);">ZOL简介</a>
				<a href="javascript:void(0);">ZOL历程</a>
				<a href="javascript:void(0);">招聘(3月)</a>
				<a href="javascript:void(0);">品牌大全</a>
				<a href="javascript:void(0);">站点地图</a>
				<a href="javascript:void(0);">联系我们</a>
				<a href="javascript:void(0);">RSS订阅</a>
				<a class="aboutme" href="javascript:void(0);">反馈/纠错</a>
			</p>
			<p class="copyright">
				&nbsp;&copy;2012 CBS Interactive. All rights reserved. 中关村在线 版权所有.
			</p>
		</div>
	</body>
</html>
